Что добавить в код что бы содержимое страницы не грузилось при загрузке страницы,а грузилось лишь тогда когда по нему кликнет пользователь?
Вот такие простые спойлеры у меня:
Вот код одного из спойлеров:
<a href="#1" class="videoA">
<ul class="videoUL">
<li class="title">спойлер 1</li>
<li class="date">дата</li>
</ul>
</a>
<div class="videoB">
содержимое
</div>
Таких на странице может быть более 100
Вот скрипт всех этих спойлеров:
<script>
$(".videoB").toggleClass("disabled");
$(".videoA").on("click", function () {
$(this).next(".videoB").toggleClass("disabled");
$(this).toggleClass("active");
return false;
});
</script>
что сделать что бы все эти 100 спойлеров не грузились одновременно при запуске страницы?